// pages/staff/staff.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    tabs:[
      {
        id:0,
        value:"查看用户",
        isActive:false
      },
      {
        id:1,
        value:"座位故障",
        isActive:true
      },
      {
        id:2,
        value:"留言删除",
        isActive:false
      }
    ],
    usersList:[],
    usersNum:0,
    isChangeSeat:true,
    commentList:[],
    isDelComment:true,
    parma: {
      addBad: "",
      deleBad: ""
    }

  },

  /**
   * 标题点击事件 从子组件传递过来
   */
  handleTabsItemChange(e){
    console.log(e);
    // 获取被点击的标题索引
    const {index} = e.detail;
    // 修改原数组
    let {tabs} = this.data;
    tabs.forEach((v,i)=>i===index?v.isActive=true:v.isActive=false);
    // 赋值到data中
    this.setData({
      tabs
    })
  },

  /**
   * 请求数据并赋值
   */
  // 从后端获取用户列表和留言数据
  getListData(){
    var that=this;
    console.log("getListData............");
    wx.request({
      url: 'http://47.103.195.19/api/wechat/user/list', 
      data: {
      },
      header: {
        'content-type': 'application/json' // 默认值
      },
      success (res) {
        console.log(res.data.objectResult.obj)
        // console.log("................");
        // 返回用户列表和留言表！！并直接setData
        // var commentList = wx.getStorageSync('commentList',commentList);
        wx.setStorageSync('usersList', )
        console.log("?????????")
        that.setData({
          commentList:commentList,
          usersList:res.data.objectResult.obj,
          // usersNum
        })

        console.log("??????",that.data.commentList)
        console.log("!!!!!!!!!",that.data.usersList)
      },
      fail: ()=>{
        console.log("网络错误......");
      },
    })
    var commentList = wx.getStorageSync('commentList',commentList);
    var usersList = wx.getStorageSync('usersList',usersList);
    // this.setData({
    //   commentList:commentList,
    //   usersList:usersList
    // })
  },
  // 发送座位数据给后端
  sendSeatNum(){
    wx.request({
      // url: 'test.php', //仅为示例，并非真实的接口地址
       // 。。。。。。。。。。。。。。。发送座位数据给后端。后端更新座位状态（是否故障）。。。。。。。。。。。。。。。。
      data: {
      },
      header: {
        'content-type': 'application/json' // 默认值
      },
      success: (result)=>{
      },
      fail: ()=>{
        console.log("网络错误......");
        this.setData({
          isChangeSeat:false
        })
      },
      complete: ()=>{}
    })
  },
  // 发送留言删除编号
  sendDelComment(index){
    // wx.request({
    //   url: 'test.php', //仅为示例，并非真实的接口地址
    //    // 。。。。。。。。。。。。。。。发送座位数据给后端。删除留言。。。。。。。。。。。。。。。。。。。。。。。。
    //   data: {},
    //   header: {
    //     'content-type': 'application/json' // 默认值
    //   },
    //   success: (result)=>{},
    //   fail: ()=>{
    //     console.log("网络错误......");
    //     this.setData({
    //       isDelComment:false
    //     })
    //   },
    //   complete: ()=>{}
    // })
  },

  /**
   * 座位故障tabs 相关函数
   */
  // 输入数据并存起来
  input(e) {
    console.log("e.................",e.target)
    this.data.parma[e.target.dataset.item] = e.detail.value
    console.log("e.detail.value................",e.detail.value)
  },
  // 新增故障
  addBad(){
    var addBad = this.data.parma.addBad;
    console.log("addBad..........qian",addBad)
    if(!(addBad>=0 && addBad<59)){
      wx.showToast({
        title: "座位id仅在0-58范围内",
        icon:"none"
      })
    } else {
      // 编号正确
      let e={
        "type":"add",
        "id":addBad
      }
      // this.sendSeatNum(e); // 接口暂时没做......................
      if(this.data.isChangeSeat){
        wx.showToast({
          title: '操作成功！',
          icon: 'success',
          duration: 2000
        })
      }else{
        wx.showToast({
          title: '失败！网络出错',
          icon: 'error',
          duration: 2000
        })
      }
    }
    this.setData({
      ['parma.addBad']:'' 
    })
  },
  // 修复故障
  delBad(){
    var delBad = this.data.parma.delBad;
    console.log("delBad..........qian",delBad)
    if(!(delBad>=0 && delBad<59)){
      wx.showToast({
        title: "座位id仅在0-58范围内",
        icon:"none"
      })
    } else {
      // 编号正确
      let e={
        "type":"del",
        "id":delBad
      }
      // this.sendSeatNum(e); // 接口暂时没做.................
      if(this.data.isChangeSeat){
        wx.showToast({
          title: '操作成功！',
          icon: 'success',
          duration: 2000
        })
      }else{
        wx.showToast({
          title: '失败！网络出错',
          icon: 'error',
          duration: 2000
        })
      }
    }
    this.setData({
      ['parma.delBad']:'' 
    })
  },

  /**
   * 留言删除tabs 相关函数
   */
  delComment(e){
    // console.log("e....",e);
    var that = this;
    const {index} = e.currentTarget.dataset;
    console.log(index);
    wx.showModal({
      title: '提示',
      content: '确定删除此条留言吗？',
      success (res) {
        if (res.confirm) {
          console.log('用户点击确定');
          // this.sendDelComment(index);   // 接口还没弄，暂时用假的数据
          var testDel = that.data.commentList;
          console.log("index",index)
          console.log("testDelcommentList",testDel)
          testDel.splice(index,1)
          console.log("testDel,",testDel)
          // 因网络原因。。。所以把更新数据放前把，，，，，实际上这是逻辑错误的
          that.setData({
            commentList:testDel
          })
          wx.setStorageSync('commentList', that.data.commentList)

          if(that.data.isDelComment){
            wx.showToast({
              title: '删除留言成功！',
              icon: 'success',
              duration: 2000
            })
            // setTimeout
          }else{
            wx.showToast({
              title: '失败！网络出错',
              icon: 'error',
              duration: 2000
            })
          }

        } else if (res.cancel) {
          console.log('用户点击取消')
          wx.showToast({
            title: '放弃删除此留言',
            icon: 'error',
            duration: 2000
          })

        }
      }
    })
    // ................................................TODO..........................................................
    // ..................................发送请求给后端，并更新数组.........................................................
  },
   
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    this.getListData();

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})